<!DOCTYPE html>  
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Prestigie | Premium Wordpress Theme</title>
	<meta name="Description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index,follow,archive" />    
	<meta name="revisit-after" content="1 days" />
	<meta name="robots" content="all" />
	<meta name="google-site-verification" content="" />
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/ico" href="#" />
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/template.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    
        <link rel="stylesheet" type="text/css" media="screen" href="css/columnal.css"  />
        <link rel="stylesheet" type="text/css" media="screen" href="css/build.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="styles.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="gold.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="pattern1.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="blog.css"  />

	<!-- JavaScripts -->
	<script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/retina.js"></script>
	
<!-- SCRIPT MENU EFFECTS -->
	<script type="text/javascript" src="js/ddlevelsmenu-gold.js"></script>
	
<!-- SIDEBAR SLIDER -->
    <script src="js/jQuery.scrollSomething-1.0.0.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#myScrollebleItems1").scrollSomething({
                scrollerWidth: 275,
                scrollerHeight: 325,
                scrollInterval: 4000,
                scrollPrefix: "example1_",
                itemsVisable: 1,
                itemsScrolling: 1,
                buttonPosition: "topRight"
            });

        });
    </script>

<!-- CONTACT FORM -->
	<script src="js/jquery.validationEngine-en.js" type="text/javascript"></script>
	<script src="js/jquery.validationEngine.js" type="text/javascript"></script>
		<script>
		$(document).ready(function() {
			
			$("#form1, #comment-form").validationEngine({
					ajaxFormValidation: true,
					onBeforeAjaxFormValidation: function() {
						$.ajax({
							url: 'ajaxSubmit.php',
							timeout: 15000,
							type: 'post',
							data: $('#form, #comment-form').serialize(),
							success: function(html) {
								$("#form1, #comment-form").html('<span>Thank you, We will contact you soon !</span>'); 
							},
							error: function (result) {alert('An error occurred while sending.');}
						});
						return false;
					}
				});

			$("#form1").bind("jqv.form.validating", function() {	
				if ($('#name').val()=='Your Name') $('#name').val('');
				if ($('#email').val()=='E-mail') $('#email').val('');
				if ($('#comment').val()=='Your message') $('#comment').val('');
			});

		
		});
					$("#comment-form").validationEngine({
					ajaxFormValidation: true,
					onBeforeAjaxFormValidation: function() {
						$.ajax({
							url: 'ajaxSubmit.php',
							timeout: 15000,
							type: 'post',
							data: $('#comment-form').serialize(),
							success: function(html) {
								$("#comment-form").html('<span>Thank you, We will contact you soon !</span>'); // ubaci style u span
							},
							error: function (result) {alert('An error occurred while sending.');}
						});
						return false;
					}
				});




		</script>
	
<!-- BACK TO THE TOP BUTTON -->
		<script>
		$(document).ready(function(){

			// hide #back-top first
			$("#back-top").hide();
			
			// fade in #back-top
			$(function () {
				$(window).scroll(function () {
					if ($(this).scrollTop() > 100) {
						$('#back-top').fadeIn();
					} else {
						$('#back-top').fadeOut();
					}
				});

				// scroll body to 0px on click
				$('#back-top a').click(function () {
					$('body,html').animate({
						scrollTop: 0
					}, 800);
					return false;
				});
			});

		});
		</script>
</head>
<body id="sp">
<header>
<div class="header-wrapper">
	<div class="header-top"></div>
		<div class="search-wrapper">
			<form class="form-wrapper cf">
			<input type="text" class="f" value="Search here..." onblur="if(this.value == '') { this.value='Search here...'}" onfocus="if (this.value == 'Search here...') {this.value=''}">
			<button type="submit">Search</button>
			</form>
		</div>
	<div class="header-center">
		<div class="header-content">
			<div class="logo"><h1><a href="index.html">Logo Prestigio</a></h1></div>
			<nav>
				<div class="main-menu">
					<div id="navigation">
						<div id="ddtopmenubar" class="mattblackmenu">
						<ul>
						<li><a href="#" data-rel="ddsubmenu1">Homepage</a></li>
						<li><a href="#" data-rel="ddsubmenu2">Subpage</a></li>
						<li><a href="#" data-rel="ddsubmenu3">Blog</a></li>
						<li><a href="panorama.html">Virtual Tour</a></li>
						<li><a href="contact.html">Contact</a></li>
						</ul>
						</div>
						<!--Top Drop Down Menu 1 HTML-->
						<ul id="ddsubmenu1" class="ddsubmenustyle">
						<li><a href="#">1.1 - Parallax slider</a>
							<ul>
							  <li><a href="index-parallax1.html">Content V.1</a></li>
							  <li><a href="index-parallax2.html">Higher Content  V.2 </a></li>
							 </ul>
						</li>
						<li><a href="#">1.2 - Nivo slider - Stripes</a>
							<ul>
							  <li><a href="index-red.html">Red V.1 </a></li>
							  <li><a href="index-blue.html">Blue V.2</a></li>
							  <li><a href="index-green.html">Green V.3</a></li>
							  <li><a href="index-purple.html">Purple V.4</a></li>
							  <li><a href="index-gold.html">Goldish V.5</a></li>
							</ul>
						</li>
						<li><a href="#">1.3 - Video Background</a>
							<ul>
							  <li><a href="video1.html">Video Background V.1</a></li>
							  <li><a href="video2.html">Video Background V.2</a></li>
							  <li><a href="panorama.html">Video Background V.3</a></li>
							</ul>
						</li>
						<li><a href="#">1.4 - Cycle Slider</a>
						  <ul>
						  <li><a href="index-cycle1.html">Cycle Slider V.1</a></li>
						  <li><a href="index-cycle-dark.html">Cycle Slider V.2 - Black</a></li>
						  <li><a href="index-cycle-pattern4.html">Cycle Slider V.3 - Black</a></li>
						  <li><a href="index-cycle-pattern5.html">Cycle Slider V.4 - Black</a></li>
						  <li><a href="index-cycle-white.html">Cycle Slider V.5 - Light</a></li>
						  </ul>
						</li>
						<li><a href="index-elastic.html">1.5 - Elastic Slider</a>
						  <ul>
						  <li><a href="index-elastic1.html">Elastic Slider V.1</a></li>
						  <li><a href="index-elastic2.html">Elastic Slider V.2</a></li>
						  <li><a href="index-elastic3.html">Elastic Slider Full Width</a></li>
						  </ul></li>
						<li><a href="index-no-slider.html">1.6 - Without Slider</a></li>
						</ul>
						<!--Top Drop Down Menu 2 HTML-->
						<ul id="ddsubmenu2" class="ddsubmenustyle">
						<li><a href="#">About</a></li>
						<li><a href="#">Gallery</a>
						  <ul>
							<li><a href="portfolio1.html">2.1 - Classic</a></li>
							<li><a href="portfolio2.html">2.2 - Filter Effect V.1</a></li>
							<li><a href="portfolio3.html">2.3 - Filter Effect V.2</a></li>
							<li><a href="#">2.4 - With LightBox</a></li>
						  </ul>
						</li>
						<li><a href="#">Single Project</a>
						  <ul>
							<li><a href="single-project.html">3.1 - V.1 Wooden</a></li>
							<li><a href="single-project2.html">3.2 - V.2 Light</a></li>
						  </ul>
						 </li>
						</ul>
						<!--Top Drop Down Menu 3 HTML-->
						<ul id="ddsubmenu3" class="ddsubmenustyle">
							<li><a href="blog.html">Blog V.1 -Right Siderbar</a></li>
							<li><a href="blog2.html">Blog V.2 -Left Siderbar</a></li>
							<li><a href="blog-single.html">Single Post - Right Sidebar</a></li>
							<li><a href="blog-single2.html">Single Post - Left Sidebar</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</div>
</div>
</header>

<div class="clear"></div>

<!-- End Header -->

<!-- Start Content Wrapper -->
<div class="content-bottom-post">
<div class="content_wrapper_sbr container  test">
    <!-- row start -->
    <div class="row"> 
	<!-- Sidebar Area -->
	<div id="sidebar2" class="col_4 omega">
		<div class="widget_categories">
			<h3>Categories</h3>
			<ul>
				<li><a href="blog-single.html" title="Web Design">Bussiness</a></li>
				<li><a href="blog-single.html" title="News">News</a></li>
				<li><a href="blog-single.html" title="Photography">Photography</a></li>
				<li><a href="blog-single.html" title="Technology">Web Design</a></li>
			</ul>
		</div>
		<div class="rec-posts">
				<h3>Recent Posts</h3>
				<ul>
					<li>
						<a href="blog-single.html"><img src="images/sidebar01.jpg" alt="" class="pic alignleft" /></a>
						<a href="blog-single.html" class="wiget-post-title">Neque porro quisquam est, qui dolorem velit</a>
						<span class="date">March 15, 2013</span>
						<div class="clear"></div><hr class="right-side" />
					</li>
					<li>
						<a href="blog-single.html"><img src="images/sidebar02.jpg" alt="" class="pic alignleft" /></a>
						<a href="blog-single.html" class="wiget-post-title">Ipsum quia dolor sit amet consectetur adipisci</a>
						<span class="date">March 14, 2013</span>
						<div class="clear"></div><hr class="right-side" />
					</li>
					<li>
						<a href="blog-single.html"><img src="images/sidebar03.jpg" alt="" class="pic alignleft" /></a>
						<a href="blog-single.html" class="wiget-post-title">Sed ut perspiciatis unde omnis iste natus</a>
						<span class="date">February 30, 2013</span>
						<div class="clear"></div><hr class="right-side" />
					</li>
					<li>
						<a href="blog-single.html"><img src="images/sidebar04.jpg" alt="" class="pic alignleft" /></a>
						<a href="blog-single.html" class="wiget-post-title">Neque porro quisquam est, qui dolorem velit elit</a>
						<span class="date">February 25, 2013</span>
						<div class="clear"></div><hr class="right-side" />
					</li>
				</ul>
		</div>
		<!-- Recent Projects Slider -->
		<div class="widget_recent_projects">
			<h3>Recent Projects</h3>
			<div class="slides-rs">
				<div id="myScrollebleItems1">
					<div><a href="#"><img src="images/sidebar-rp-01.jpg" alt="image" class="pic" /></a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, in hendrerit in vulputate nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent.</p>
					<a href="#"><p><span>See More</span></p></a>       
					</div>
					<div><a href="#"><img src="images/sidebar-rp-02.jpg" alt="image" class="pic" /></a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, in hendrerit in vulputate nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent.</p>
					<a href="#"><p><span>See More</span></p></a>           
					</div>
					<div><a href="#"><img src="images/sidebar-rp-03.jpg" alt="image" class="pic" /></a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, in hendrerit in vulputate nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent.</p>
					<a href="#"><p><span>See More</span></p></a>            
					</div>
					<div><a href="#"><img src="images/sidebar-rp-02.jpg" alt="image" class="pic" /></a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, in hendrerit in vulputate nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent.</p>
					<a href="#"><p><span>See More</span></p></a>      
					</div>
				</div>
			</div>
		</div>
		<div class="widget_categories">
		<h3>Archives</h3>
			<ul>
				<li><a href="blog-single.html" title="Web Design">March 2013</a></li>
				<li><a href="blog-single.html" title="News">February 2013</a></li>
				<li><a href="blog-single.html" title="Photography">January 2013</a></li>
				<li><a href="blog-single.html" title="Technology">December 2012</a></li>
				<li><a href="blog-single.html" title="Technology">November 2012</a></li>
			</ul>
		</div>
	</div>
	<!-- Content Area -->
	<div id="content" class="col_8 omega">
		<div class="post">
			<h2><a href="blog-single.html">Neque porro quisquam est, qui dolorem</a></h2>
			<div class="posted">
				<span class="date">March 15, 2013</span>
				<span class="author"><a href="#">Frank Kelly</a></span>
				<span class="category"><a href="#">News</a></span>
				<span class="comments"><a href="#">8 Comments</a></span>
				<div class="clear"></div>
		  </div>
			<div class="post_thumb"><a href="blog-single.html"><img src="images/blog2.jpg" alt="" class="pic" /></a></div>
			<div class="excerpt">
				<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
				<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
			</div>
			<div class="clear"></div>
		</div>
		<div class="post-comments">	
			<hr />
		<div class="all-comments">
			<h3 class="title">Comments</h3>
			<hr />
			<div class="comment-author">
				<ul>
					<li><img src="images/sidebar01.jpg" alt="" class="avatar alignleft" /></li>
					<li>Rob Barclay,</li>
					<li>March, 24. 2013.</li>
				</ul><br />
			<p>
				Lorem ipsum omnis iste natus error sit voluptatem accusantium doloremque.
			</p>
			<p>
				Lorem ipsum omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
			</p>
			<a href="#"><span class="post-reply">Reply &rarr;</span></a>
			</div>
			<div class="comment-reply">
				<ul>
					<li><img src="images/sidebar01.jpg" alt="" class="avatar alignleft" /></li>
					<li>Dane Maxwell,</li>
					<li>March, 24. 2013.</li>
				</ul><br />
			<p>
				Lorem ipsum omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
			</p>
			<a href="#"><span class="post-reply">Reply &rarr;</span></a>
			</div>
			<div class="comment-author">
				<ul>
					<li><img src="images/sidebar01.jpg" alt="" class="avatar alignleft" /></li>
					<li>Predrag Damnjanovic,</li>
					<li>March, 24. 2013.</li>
				</ul><br />
			<p>
				Lorem ipsum omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
			</p>
			<a href="#"><span class="post-reply">Reply &rarr;</span></a>
			</div>
		<!-- Start Paging -->
			<div class="pagenat">
				<ul>
					<li><span class="pages">Page 1 of 7</span></li>
					<li><a href="#" class="first">&laquo; First</a></li>
					<li><a href="#" class="previouspostslink">&lsaquo;</a></li>
					<li><a href="#" class="page">1</a></li>
					<li><a href="#" class="page">2</a></li>
					<li><a href="#" class="page">3</a></li>
					<li><a href="#" class="page">4</a></li>
					<li><span class="current">5</span></li>
					<li><span class="extend">...</span></li>
					<li><a href="#" class="nextpostslink">&rsaquo;</a></li>
					<li><a href="#" class="last">Last &raquo;</a></li>
				</ul>
			</div>
		</div>

		<div class="clear"></div>
			<hr />
			<h3 class="title">Leave a comment</h3>
			<hr />		
			<p>Make sure you fill in all mandatory fields.</p>
				
			<div class="comment-form-wrapper">	
					
				<form action="#" method="post" id="comment-form" class="form">     
					<ul>	
						<li>
							<p><strong>Name</strong> <em>*</em></p>
							<input name="name" type="text"  class="validate[required,minSize[2]] requiredField"  />
						</li>
									
						<li>
							<p><strong>E-mail</strong> <em>*</em></p>
							<input name="email" type="text" class="validate[required,custom[email]] requiredField email" />		
						</li>
							
						<li>
							<p><strong>URL</strong> (Optional)</p>	
							<input name="url" type="text" />
						</li>
							
						<li>
							<p><strong>Message</strong> <em>*</em></p>
							<textarea name="message" rows="20" cols="30" class="validate[required,minSize[6]] requiredField"></textarea>		
						</li>					
					
						<li class="submit-button">
							<input name="submit" id="submitted" value="Submit Comment" class="submit" type="submit" />
						</li>
					</ul>
				</form><!--END COMMENT-FORM-->
				
			</div><!--END COMMENT-FORM-WRAPPER-->
				
		</div><!--END POST-->
	</div>
	<div class="clear"></div>
        </div> <!-- END ROW -->
	</div><!--END INNER-CONTENT-->
</div>
<footer>
<div id="footer-top">
	<div class="footer-nav container test">
    <div id="global-footer" class="row">
	<div class="footer-left">
    <div class="section col_3 omega">
      <h3>Biz Stuff</h3>
      <ul>
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Terms and Conditions</a></li>
        <li><a href="#">Secure Site</a></li>
        <li><a href="#">Affiliate Program</a></li>
      </ul>
    </div>

    <div class="section col_3 omega">
      <h3>Customer Service</h3>
      <ul>
        <li><a href="#">About Us</a></li>
		<li><a href="#">FAQ</a></li>
		<li><a href="#">Customer Testimonials</a></li>
		<li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <div class="section col_3 omega">
      <h3>Socialize</h3>
      <ul>
        <li class="gplus-icon"><a href="#">Google +</a></li>
        <li class="facebook-icon"><a href="#">Facebook</a></li>
        <li class="twitter-icon"><a href="#">Twitter</a></li>
		<li class="linkedin-icon"><a href="#">LinkedIn</a></li>
      </ul>
    </div>
	</div>
	<div class="section-form col_3 omega">
	  <h3>Contact</h3>
	  <div id="form-div">
		<form class="form" id="form1">
		  <p class="name">
			<input name="name" type="text" class="validate[required,minSize[2]] text-input" id="name" value="Your Name" onfocus="if (this.value == 'Your Name') {this.value=''}" />
		  </p>
		  <p class="email">
			<input name="email" type="text" class="validate[required,custom[email]] text-input" id="email" value="E-mail" onfocus="if (this.value == 'E-mail') {this.value=''}" />
		  </p>
		  <p class="text">
			<textarea name="text" class="validate[required,minSize[6]] text-input" id="comment" onfocus="if (this.value == 'Your message') {this.value=''}">Your message</textarea>
		  </p>
		  <p class="send">
			<input type="submit" value="Send" />
		  </p>
		</form>
	  </div>
    </div>
	</div>
	</div>
	<p id="back-top"><a href="#top"><span></span>Back to Top</a></p>
</div>
<div class="footer-bottom">
	<div id="copyright"><p>Copyright <a href="#">Prestigie</a> 2013. All rights reserved. |  Created by <a href="http://www.spundo.com">Spundo</a></p></div>
</div>
</footer>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
</script>
</body>
</html>